
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok9v=2d3f118356/"},atok:"068bec282e5bcde24d436f23dca68da8",petok:"c92456b0f5c2d0a9b56e1a726ad39f2626da8758-1399963067-1800",zone:"tecdemo.com",rocket:"0",apps:{"ga_key":{"ua":"UA-44685333-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok9v=97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/invoice.css" type="text/css" charset="utf-8" />
    <link rel="stylesheet" href="http://tecdemo.com/spos3/assets/css/print.css" type="text/css" media="print" />
	<script type="text/javascript" src="http://tecdemo.com/spos3/assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="http://tecdemo.com/spos3/assets/js/jquery.tablesorter.js"></script> 

	  <script type="text/javascript">
	  $(document).ready(function() 
	      { 
	      $("#table").tablesorter({ 
	      widgets: ['zebra'] 
	      }); 
	      } 
	  ); 
	  </script>

	<title>Sale No. 2582</title>

<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-44685333-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>

<body>
<div id="page">	
	<div id="inv_top">

	<img src="http://tecdemo.com/spos3/assets/images/logo1.png" alt="Simple POS" />
	<h1>Simple POS</h1>
    <h4>
	<h2><strong>Simple POS</strong></h2>
<p>
       My Shop Lot, Shopping Mall,<br>
                                                                                              Post Code, City
</p><br />Tel: 0725435296    </h4>
	
    
    <div style="clear:both;"></div>
    </div>
    <table width="100%"><tr><td>
    	<h1 class="inv">Sale No. 2582</h1>
	</td><td>
    <table style="font-size:14px; font-weight:bold; color:#999; float:right;"><tr >
    <td style="width:70px;">Date:</td><td>13/05/2014 2:05:24 PM</td>
    </tr>
    </table>
    </td></tr></table>
    <div style="clear:both;"></div>
    
	<table id="table" class="tablesorter" cellspacing="0"> 

	<thead> 

	<tr> 

	    <th>No.</th> 
	    <th>Product Name (Product Code)</th> 
        <th style="width:100px;">Quantity</th>
	    <th style="padding-right:20px;">Subtotal</th> 
	</tr> 

	</thead> 

	<tbody> 
	
				<tr>
            	<td style="text-align:center; width:40px;">1</td>
                <td>CARBURETOR                	(EDE1403)</td>
               
                <td style="text-align:center;">1</td>
                <td style="text-align:right; width:100px; padding-right:20px;">15.50</td> 

			</tr> 
    			<tr>
            	<td style="text-align:center; width:40px;">2</td>
                <td>CARBURETOR                	(EDE1403)</td>
               
                <td style="text-align:center;">1</td>
                <td style="text-align:right; width:100px; padding-right:20px;">15.50</td> 

			</tr> 
    
	</tbody> 

	</table> 
   
    <div style="width: 340px; float:left; border: 1px solid #d6dde2; margin: 0 0 40px 0; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center;">

		<div class="total-heading" style="text-align:left; padding-left:10px;"><p>Customer: </p></div>

		<div class="total-amount">
        <table style="width:320px; margin:0 0 0 10px; font-size:12px;"><tr>
        <td style="width:100px; height: 71px; color: #ccc; text-align:center;">Stamp</td>
               
        <td style="text-align:center; width:105px; color: #ccc; height: 71px;">Signature</td>
        
        </tr></table>
        </div>

	</div>
    
	<div class="total-due">

		<div class="total-heading"><p>Total Amount (BRL)</p></div>

		<div class="total-amount">
        <table style="width:280px; margin:0 0 0 10px;"><tr>
        <td style="width:105px; text-align:left;">Total (No Tax):</td><td style="text-align:right; font-weight: bold; font-size:14px;">31.00</td>
        </tr><tr>
        <td style="width:105px; text-align:left;">Value Tax:</td><td style="text-align:right; font-weight: bold; font-size:14px;">3.10</td>
        </tr><tr>
        <td style="width:105px; text-align:left; font-weight: bold;">Total Amount:</td><td style="text-align:right; font-weight: bold; font-size:24px;">34.10</td>
        </tr></table>
        </div>

	</div>
	<hr />
	<p><p>
                                                                                              Thank you for your business!
</p></p>
 <div style="clear:both;"></div>
</div>

</body>
</html>